<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){	
				var di=document.getElementById("di");
				var ul1=document.createElement("ul");
				di.appendChild(ul1);
				var arr=new Array();
				var arr1=["奔驰","宝马","五菱宏光"];
				for(var i=0;i<3;i++){
				arr[arr.length]=document.createElement("li");	
				var text=document.createTextNode(arr1[i]);
				arr[i].appendChild(text)
				ul1.appendChild(arr[i]);
				}
				arr[0].innerHTML="悍马";
			}
			
		</script>
	</head>
	<body>
		<!--
        	作者：offline
        	时间：2019-02-25
        	描述：先创建一个带div ul  li  input 的网页，
        	//1、在下方的div中添加一个ul标签
        	//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        	//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
        -->
		<div id="di">
			
		</div>
	</body>
</html>
